<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="description" content="传智健康">
    <meta name="keywords" content="传智健康">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <!-- 引入组件库 -->
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/vue.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <script src="../js/axios-0.18.0.js"></script>
    <style>
        .datatable {
            position: relative;
            box-sizing: border-box;
            -webkit-box-flex: 1;
            width: 100%;
            max-width: 100%;
            font-size: 14px;
            color: rgb(96, 98, 102);
            overflow: hidden;
            flex: 1 1 0%;
        }
        .datatable td, .datatable th {
            padding: 12px 0;
            min-width: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-overflow: ellipsis;
            vertical-align: middle;
            position: relative;
            text-align: left;
        }
    </style>
</head>
<body>
    <div id="div">
       <from soult-copec>
        <table>
       <!--     <tr v-for="c in cs">
                <td>
                    <input type="checkbox"  v-model="ids" :id="c" :value="c" >
                </td>
                <td><label :for="c"/>{{c}}</td>
                <td>
                    <template slot-scope="scope">
                    <button @Click="abc(scope.row)" type="button">提交</button>
                    </template>
                </td>

                {{checkitemIds}}
            </tr>-->
            {{checkitemIds}}
            </tr> <tr v-for="c in tableData">
            <td>
                <input :id="c" v-model="checkitemIds" type="checkbox" :value="c">
            </td>
            <td><label :for="c">{{c}}</label></td>
            <td><label :for="c">{{c}}</label></td>
            <td><label :for="c">{{c}}</label></td>
        </table>
       </from>

    </div>
<script>
    new Vue({
        el:"#div",
        data:{
            ids:[1,2],
            cs:[1,2,3],
            tableData:[1,2,3,4,5],
            checkitemIds:[]
        },
        methods:{
            abc(row){
                alert(row)
            }
        }
    });


</script>
</body>
</html>